import React from 'react'
import newcar from '../../../assets/images/新车.png'
import hot from '../../../assets/images/热门排行.png'
import select from '../../../assets/images/条件选车.png'
import pk from '../../../assets/images/销量排行.png'
import './carList.less'
import { Switch, Route, BrowserRouter, Link } from 'react-router-dom'

const CarList = () => {

    return (
        <>
            <div className="picall">
                <Link className='link' to="/home/server">
                    {/* <div className="img-all"> */}
                    <div className="img-icon">
                        <img src={pk} alt="" />
                    </div>

                    <div className='img-text'>销量排行</div>
                    {/* </div> */}
                </Link>
                {/* <div className="img-all"> */}
                <Link className='link' to="/home/main">
                    <div className="img-icon">
                        <img src={newcar} alt="" />
                    </div>
                    <div className='img-text'>新车发布</div>
                    {/* </div> */}
                </Link>
                {/* <div className="img-all"> */}
                <Link className='link' to="/home/main">
                    <div className="img-icon">
                        <img src={hot} alt="" />
                    </div>
                    <div className='img-text'>热门排行</div>
                    {/* </div> */}
                </Link>
                {/* <div className="img-all"> */}
                <Link className='link' to="/home/main">
                    <div className="img-icon">
                        <img src={select} alt="" />
                    </div>
                    <div className='img-text'>条件选车</div>
                    {/* </div> */}
                </Link>
            </div >

        </>
    )
}

export default CarList